<template>
	<view>
		<!-- <u-cell size="large" title="二手房发布" isLink @click="Toissue(1)"></u-cell>
		<u-cell size="large" title="租房发布" isLink @click="Toissue(2)"></u-cell>
		<u-cell size="large" title="商业地产发布" isLink @click="Toissue(3)"></u-cell> -->
		<view style="height: 20px;width: 10rpx;"></view>
		<view class="box">
			<view class="each" v-for="i in list" @click="Toissue(i.url)">
				<view class="each-l">
					<view class="img">
						<image :src="i.icon" mode="aspectFill"></image>
					</view>
					<view class="info">
						<view class="info-1">{{i.name}}</view>
						<view class="info-2">{{i.hint}}</view>
					</view>
				</view>
				<view class="each-r">
					<image src="../../static/right-img.png" mode=""></image>
				</view>
			</view>
		</view>
		<view style="height: 40px;width: 10rpx;"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{icon:'https://www.stck.cc/uploads/4.png',name:'二手房发布',hint:'发布二手房信息',url:'/pages/newissue/house'},
					{icon:'https://www.stck.cc/uploads/2.png',name:'租房发布',hint:'发布租房信息',url:'/pages/newissue/renting'},
					{icon:'https://www.stck.cc/uploads/3.png',name:'商业地产发布',hint:'发布门面、仓库、厂房、场地出租、生意转让等信息',url:'/pages/newissue/realty'},
					{icon:'https://www.stck.cc/uploads/6.png',name:'闲置信息发布',hint:'二手物品、闲置物品、尾货清仓等物品信息发布',url:'/pages/newissue/idleItems'},
					{icon:'https://www.stck.cc/uploads/1.png',name:'招聘发布',hint:'发布招聘信息',url:'/pages/newissue/recruit'},
					{icon:'https://www.stck.cc/uploads/5.png',name:'便民信息发布',hint:'发布批发、零售等实体信息',url:'/pages/forum/forum'},
					{icon:'https://www.stck.cc/uploads/6.png',name:'求购求租信息发布',hint:'求购二手房、二手物品，求租厂房、门面、场地、租房等信息',url:'/pagesA/index/upload?type=1'},
					// {icon:'https://www.stck.cc/uploads/6.png',name:'帮忙信息发布',hint:'找师傅装水电、搬家、打孔等各种找师傅做事信息发布',url:'/pages/my/city/release'}
				]
			}
		},

		methods: {
			Toissue(e){
				uni.navigateTo({
					url:e
				})
				// if(e == 1){
				// 	uni.navigateTo({
				// 		url:'/pages/newissue/house'
				// 	})
				// }
				// if(e == 2){
				// 	uni.navigateTo({
				// 		url:'/pages/newissue/renting'
				// 	})
				// }
				// if(e == 3){
				// 	uni.navigateTo({
				// 		url:'/pages/newissue/realty'
				// 	})
				// }
			}
		}
	}
</script>

<style lang="scss">
	.box {
		.each:nth-child(1){
			background: #FFF3E5;
		}
		.each:nth-child(2){
			background: #FFF1EE;
		}
		.each:nth-child(3){
			background: #FEF3DD;
		}
		.each:nth-child(4){
			background: #E5EEFF;
		}
		.each:nth-child(5){
			background: #E5FFE8;
		}
		.each:nth-child(6){
			background: #FFE60F;
		}
		.each:nth-child(7){
			background: #F7F7F7;
		}
		.each:nth-child(8){
			background: #c2c0f4;
		}
	}
	.each {
		width: 622rpx;
		// height: 146rpx;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		padding: 32rpx;
		margin: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 24rpx;
		.each-l {
			display: flex;
			.img {
				width: 84rpx;
				height: 84rpx;
				image {
					width: 84rpx;
					height: 84rpx;
				}
			}
			.info {
				margin-left: 32rpx;
				.info-1 {
					font-weight: 800;
					font-size: 30rpx;
					color: #000000;
				}
				.info-2 {
					font-weight: 500;
					font-size: 24rpx;
					color: #000000;
					padding-top: 8rpx;
				}
			}
		}
		.each-r {
			image {
				width: 32rpx;
				height: 32rpx;
			}
		}
	}
</style>